<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<head>
<title>TrophyCase</title>
<meta name="cloudcaptive" content=
"CloudCaptive.com UserInfuser">
</head>
<body>
<div style="background-color:{{backgroundColor}}; visibility: visible; 
{% if hasRoundedCorners %}
border-radius: 10px 10px 10px 10px;
{% endif %}
border:{{borderThickness}}px {{borderStyle}} {{borderColor}}; height:{{height}}px; width:{{width}}px; overflow:auto; ">
  {% if displayTitle %}
    <div style="background-color:{{titleBackgroundColor}}; font-family:{{titleFont}}; font-size:{{titleSize}}px; text-align:{{titleFloat}}; color:{{titleColor}}; padding:3px;">{{ title }}</div>
  {% endif %}
  {% if badges %}
    {% for badge in badges %}
        <div style="padding:10px; float:left;">
          {% if badge.resource %}
            <a href="{{ badge.resource }}" target="_blank">
          {% endif %}
            <img height="{{imageSize}}" width="{{imageSize}}" src="{{badge.downloadLink}}" alt="{{badge.reason}}">
          {% if badge.resource %}
            </a>
          {% endif %}
          {% if displayReason %}
            <span style="display:block; font-family:{{reasonFont}}; font-size:{{reasonSize}}px; text-align:{{reasonFloat}}; color:{{reasonColor}}; float:{{reasonFloat}};">
              {{badge.reason}}
            </span>
          {% endif %}
          {% if displayDate %}
            <span style="display:block; font-family:{{dateFont}}; font-size:{{dateSize}}px; text-align:{{dateFloat}}; color:{{dateColor}};">
              {{badge.awardDate}}
            </span>
          {% endif %}
        </div>
    {% endfor %}
  {% else  %}
    {% if displayNoBadgesMessage %}
      <div style="display:block; font-family:{{noBadgesFont}}; font-size:{{noBadgesSize}}px; text-align:{{noBadgesFloat}}; color:{{noBadgesColor}};">
        {{noBadgesMessage}}
      </div>
    {% endif %}
  {% endif %}
</div>
</body>
